<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>1609班班级座位表</title>
	</head>
	<body>
		<!--写html代码的时候：有多丑写多丑。 由css负责美丽。由js负责动作-->
		
		<!--
        	作者：huanglaoshi 
        	手机：13926583118
        	时间：2016-11-07
        	描述：
        	table标签：做表格  掌握
        	1:tr table row: 表格的1行    掌握：想都不要想就能直接敲出来的代码
        	2:td Table Data cell:表格中用来防止数据的1个格子  ： 表格的1列  掌握
        	3:th Table head 表头  直接忽略 
        	4:tfoot Table Foot  与world中的页脚类似  直接忽略
        	5:tboby Table Body  表格的主体部分  直接忽略
        	
        	table 表
        		tr 行
        			td 列
        -->
	</body>
	
	1：最简单的表格
	<table border="1">
		<tbody>
			<tr>
				<td>最简单的表格</td>
			</tr>
		</tbody>
	</table>
	
	<br />
	2:九宫格
	
	<font color="red">中深软通</font>
	
	<table border="1" width="500" height="90" align="center">
		<tr>
			<td align="center">
				<font color="red">1</font>
			</td>
			<td>2</td>
			<td>3</td>
		</tr>
		<tr>
			<td>4</td>
			<td align="center">
				<font color="red">5</font>
			</td>
			<td>6</td>
		</tr>
		<tr>
			<td>7</td>
			<td>8</td>
			<td align="center">
				<font color="red">9</font>
			</td>
		</tr>
	</table>
	
	<br />
	3:九宫格 有合并的情况 熟练掌握
	
	<table border="1" width="500" align="center">
		<tr>
			<td rowspan="2">1</td>
			<td colspan="2">5</td>
		</tr>
		<tr>
			<td>2</td>
			<td>3</td>
		</tr>
		<tr>
			<td colspan="3">7</td>
		</tr>
	</table>
	
	3:九宫格 有合并的情况 熟练掌握
	
	<table border="1" width="500" align="center" bgcolor="aqua" >
		<tr>
			<td rowspan="3">1</td>
			<td>2</td>
			<td>3</td>
			<td>4</td>
		</tr>
		<tr>
			<td colspan="3">5</td>
		</tr>
		<tr>
			<td colspan="2">7</td>
			<td>8</td>
		</tr>
	</table>
	
</html>
